﻿$("#selectAll").click(function () {
    if (this.checked) {
        $(".js-sliders :checkbox").prop("checked", true);
    } else {
        $(".js-sliders :checkbox").prop("checked", false);
    }
})

$("#delAll").click(function () {

    var delList = [];
    $(".js-sliders :checkbox").each(function (index, item) {
        if (this.checked) {
            delList.push($(item).val());
        }
    });
    console.log(delList);

    if (delList.length > 0) {
        var _json = jQuery.param({"tid": delList + ""});

        // 3 指定送向后台哪个处理程序以及传送的方式，并传送
        var request = $.ajax({
            url: "../api/delSlider.ashx",
            type: "POST",
            async: false,
            data: _json, //不能直接写成 {id:"123",code:"tomcat"}
            dataType: "json",
            // contentType: "charset=utf-8",
            cache: false,

            //4 接受返回过来的数据，同样是json格式的，根据返回过来的数据给出相应的提示或操作
            success: function (data) {
                var json = data;

                if (json.r > 0) {
                    swal("成功", "该幻灯片已被删除", "success");
                } else {
                    swal("失败", "该幻灯片删除失败", "warning");
                }
                getSliders();
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(XMLHttpRequest.readyState);
            }
        });
    }

});
// 图片预览
$("#previewImg").on("change", function (event) {

    var img = event.target.files[0];
    console.log(event.target.files[0]);

    // 判断是否图片
    if (!img) {
        return;
    }

    // 判断图片格式
    if (!(img.type.indexOf('image') == 0 && img.type && /\.(?:jpg|png|gif)$/.test(img.name))) {
        alert('图片只能是jpg,gif,png');
        return;
    }


    var reader = new FileReader();
    reader.readAsDataURL(img);

    reader.onload = function (e) { // reader onload start
        // ajax 上传图片
        $("#preview").html("<img src=\"" + this.result + "\" height=\"100\" />");

    }; // reader onload end
});

$("#u_previewImg").on("change", function (event) {

    var img = event.target.files[0];
    console.log(event.target.files[0]);

    // 判断是否图片
    if (!img) {
        return;
    }

    // 判断图片格式
    if (!(img.type.indexOf('image') == 0 && img.type && /\.(?:jpg|png|gif)$/.test(img.name))) {
        alert('图片只能是jpg,gif,png');
        return;
    }


    var reader = new FileReader();
    reader.readAsDataURL(img);

    reader.onload = function (e) { // reader onload start
        // ajax 上传图片
        $("#u_preview").html("<img src=\"" + this.result + "\" height=\"100\" />");

    };// reader onload end
});

// 添加电影
$("#addSlider").submit(function () {
    // $(this).ajaxSubmit(); 

    var form = new FormData(document.getElementById("addSlider"));
    $.ajax({
        url: "../api/addSlider.ashx",
        type: "post",
        data: form,
        cache: false,
        dataType: "json",
        processData: false,
        contentType: false,
        success: function (data) {

            if (data.error === "0") {
                swal("成功", data.msg, "success");
                $("#preview").html("");
                addSlider.reset();
                $('#myTab li:eq(1) a').tab('show'); // Select third tab (0-indexed)
            } else {
                swal("失败", data.msg, "warning");
            }
            getSliders();

        },
        error: function (e) {
            alert("网络错误，请重试！！");
            console.log(e);
        }
    });

    return false;


})
// 修改电影
$("#updateBtn").click(function () {
    // $(this).ajaxSubmit(); 

    var form = new FormData(document.getElementById("updateForm"));
    form.append("mid", $(this).data("id"));
    console.log(form)
    $.ajax({
        url: "../api/updateSlider.ashx",
        type: "post",
        data: form,
        cache: false,
        processData: false,
        contentType: false,
        success: function (data) {
            swal("成功", "操作成功", "success");
            getSliders();
            document.getElementById("updateForm")
            $("#updateSlider").modal("hide");
            $("#u_preview").html("");
            $('#myTab li:eq(1) a').tab('show') // Select third tab (0-indexed)
        },
        error: function (e) {
            alert("网络错误，请重试！！");
        }
    });


})

// 删除 修改
$(".js-sliders").on("click", function (e) {
    if (e.target && e.target.nodeName.toLowerCase() === "button" && e.target.classList.contains("del")) {
        swal({
                title: "确定?",
                text: "删除幻灯片后将不可恢复!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                cancelButtonText: "取消",
                confirmButtonText: "确认删除",
                closeOnConfirm: false
            },
            function () {
                var tid = e.target.dataset.id;
                var _json = jQuery.param({"tid": tid});

                // 3 指定送向后台哪个处理程序以及传送的方式，并传送
                var request = $.ajax({
                    url: "../api/delSlider.ashx",
                    type: "POST",
                    async: false,
                    data: _json, //不能直接写成 {id:"123",code:"tomcat"}  
                    dataType: "json",
                    // contentType: "charset=utf-8",  
                    cache: false,

                    //4 接受返回过来的数据，同样是json格式的，根据返回过来的数据给出相应的提示或操作
                    success: function (data) {
                        var json = data;

                        if (json.r > 0) {
                            //提示插入成功
                            getSliders();
                            swal("成功", "该幻灯片已被删除", "success");

                            //关闭弹出窗口
                        } else {
                            swal("失败", "该幻灯片删除失败", "warning");
                        }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(XMLHttpRequest.readyState);
                    }
                });

            });
    } else if (e.target && e.target.nodeName.toLowerCase() === "button" && e.target.classList.contains("update")) {


        var tid = e.target.dataset.id;
        var _json = jQuery.param({"tid": tid});

        // 3 指定送向后台哪个处理程序以及传送的方式，并传送
        var request = $.ajax({
            url: "../api/getSliders.ashx",
            type: "POST",
            async: false,
            data: _json, //不能直接写成 {id:"123",code:"tomcat"}
            dataType: "json",
            // contentType: "charset=utf-8",
            cache: false,

            //4 接受返回过来的数据，同样是json格式的，根据返回过来的数据给出相应的提示或操作
            success: function (data) {
                var json = data;

                if (json.r > 0) {
                    //提示插入成功

                    //getTypes();
                    updateForm.name.value = json.data[0].s_name;
                    updateForm.intro.value = json.data[0].s_intro;
                    $("#u_preview").html("<img src=\"../" + json.data[0].s_image + "\" height=\"100\" />");
                    console.log(json.data[0].tname)

                    $("#updateBtn").attr("data-id", json.data[0].id)
                    $("#updateSlider").modal("show");

                    //关闭弹出窗口
                } else {
                    swal("失败", "获取类别失败", "warning");
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(XMLHttpRequest.readyState);
            }
        });
    }
});


function init() {
    getSliders();
}


function getSliders() {


    // 3 指定送向后台哪个处理程序以及传送的方式，并传送
    $.ajax({
        url: "../api/getSliders.ashx",
        type: "POST",
        async: false,
        // data: _json, //不能直接写成 {id:"123",code:"tomcat"}
        dataType: "json",
        // contentType: "charset=utf-8",
        cache: false,

        //4 接受返回过来的数据，同样是json格式的，根据返回过来的数据给出相应的提示或操作
        success: function (data) {
            if (data.r > 0) {
                renderSliders(data.data);
                total = data.total;
            } else {
                renderSliders(null);
            }
            total = data.total;
            console.log(data.data)
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert("网络错误，请重试！！");
        }
    });


}


function renderSliders(data) {

    if (data == null) {
        $(".js-sliders").html("暂无数据");
    }

    var outstr = "";
    data.forEach(function (item, index) {
        outstr += "<tr>" +
            "<td><input type=\"checkbox\" name=\"selectSlider\" value=\"" + item.id + "\" /></td>" +
            "<td>" + item.s_name + "</td>" +
            "<td><img src=\'../" + item.s_image + "\' alt=\"\" width=\"100\"></td>" +
            "<td style=\"overflow:hidden;white-space:nowrap;text-overflow:ellipsis;\">" + item.s_intro + "</td>" +
            "<td>" +
            "<button type=\"button\" class=\"btn btn-info btn-xs update\" data-id=\"" + item.id + "\">更改</button> " +
            "<button type=\"button\" class=\"btn btn-danger btn-xs del\" data-id=" + item.id + ">删除</button>" +
            "</td>" +
            "</tr>";
    })
    $(".js-sliders").html(outstr);
}


init();

